<template>
  <div class="content" >
    <div class="title">哎呀，你访问的页面不存在！</div>
  </div>
</template>

<script>
export default {
  name: "views"
}
</script>

<style  lang="less" scoped>
.content{
  text-align: center;//文本居中
  height: 100%;
  background-image: url("../assets/404.jpg");//背景图片
  background-size: cover;//100%和cover都是用于将图片扩大或者缩放来适应整个容器 100%变形
  background-position: center;//图片位置
  .title{
    font-family: "微软雅黑", Helvetica Neue, Georgia, Helvetica Neue, Menlo;//字体
    font-size: 28px;
    color: #888;
    padding-top: 100px;
  }
}
</style>
